//导入h和init
//webpack5路径可以'snabbdom'写法形式
//查看node+modules中的snabbdom下的package.json中虽然有exports字段
//但是parcel和webpack4之前是不支持的
import { init } from 'snabbdom/build/package/init'
import { h } from 'snabbdom/build/package/h'
// 1、导入模块
import {styleModule} from 'snabbdom/build/package/modules/style'
import {eventListenersModule} from 'snabbdom/build/package/modules/eventlisteners'
// 2、注册模块
var patch = init([styleModule,eventListenersModule])

// 3、使用h()函数的第二个参数存放样式、事件等，其他参数后移
let vnode = h('div',{
    style:{
        backgroundColor:'red' // 如果两个单词采用驼峰写法
    },
    on:{
        click:addCount // 所有事件都写在on里
    }
},[
    h('h1',{on:{click:jbb}},"叫爸爸"),
    h('p','这是一个p标签')
])
// 创建一个div，背景色为红色且绑定click事件addCount
// 包含2个孩子节点，一个是p标签，一个是h1标签
function addCount(){
    alert('方法增加~')
}
function jbb(){
    alert('叫爸爸~')
}
let app = document.querySelector('#app')

let oldvNode = patch(app,vnode)
